<!DOCTYPE html>
<html  lang="en" >
<head>
<meta charset="utf-8"/>
<title>CSS3 Text, text transform: Cyrillic, uppercase</title>
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
<link rel='help' href='http://dev.w3.org/csswg/css-text-3/#text-transform'>
<link rel="match" href="reference/css3-text-text-transform-018-ref.html">
<meta name='flags' content=''>
<meta name="assert" content="The UA will uppercase all applicable letters in the Cyrillic Unicode block when text-transform is set to uppercase.">
<style type='text/css'>
/* the CSS below is not part of the test */
.test, .ref { font-size: 200%; line-height: 2.5em; }
.test span, .ref span { margin-right: 1em; white-space: nowrap; }
.test { text-transform: uppercase;  }
@font-face {
    font-family: 'webfont';
    src: url('support/GentiumPlus-R.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	}
.test, .ref { font-family: webfont, serif; }

</style>
<script src="support/script.js"> </script>

</head>
<body>
<p class="instructions">Test passes if the both characters in each pair match.</p><p class="instructionNote">If you can't see all the glyphs, click on Skip.</p>


<div class="test"><span>&#x0430; &#x0410;</span> <span>&#x0431; &#x0411;</span> <span>&#x0432; &#x0412;</span> <span>&#x0433; &#x0413;</span> <span>&#x0434; &#x0414;</span> <span>&#x0435; &#x0415;</span> <span>&#x0436; &#x0416;</span> <span>&#x0437; &#x0417;</span> <span>&#x0438; &#x0418;</span> <span>&#x0439; &#x0419;</span> <span>&#x043A; &#x041A;</span> <span>&#x043B; &#x041B;</span> <span>&#x043C; &#x041C;</span> <span>&#x043D; &#x041D;</span> <span>&#x043E; &#x041E;</span> <span>&#x043F; &#x041F;</span> <span>&#x0440; &#x0420;</span> <span>&#x0441; &#x0421;</span> <span>&#x0442; &#x0422;</span> <span>&#x0443; &#x0423;</span> <span>&#x0444; &#x0424;</span> <span>&#x0445; &#x0425;</span> <span>&#x0446; &#x0426;</span> <span>&#x0447; &#x0427;</span> <span>&#x0448; &#x0428;</span> <span>&#x0449; &#x0429;</span> <span>&#x044A; &#x042A;</span> <span>&#x044B; &#x042B;</span> <span>&#x044C; &#x042C;</span> <span>&#x044D; &#x042D;</span> <span>&#x044E; &#x042E;</span> <span>&#x044F; &#x042F;</span> <span>&#x0450; &#x0400;</span> <span>&#x0451; &#x0401;</span> <span>&#x0452; &#x0402;</span> <span>&#x0453; &#x0403;</span> <span>&#x0454; &#x0404;</span> <span>&#x0455; &#x0405;</span> <span>&#x0456; &#x0406;</span> <span>&#x0457; &#x0407;</span> <span>&#x0458; &#x0408;</span> <span>&#x0459; &#x0409;</span> <span>&#x045A; &#x040A;</span> <span>&#x045B; &#x040B;</span> <span>&#x045C; &#x040C;</span> <span>&#x045D; &#x040D;</span> <span>&#x045E; &#x040E;</span> <span>&#x045F; &#x040F;</span> <span>&#x0461; &#x0460;</span> <span>&#x0463; &#x0462;</span> <span>&#x0465; &#x0464;</span> <span>&#x0467; &#x0466;</span> <span>&#x0469; &#x0468;</span> <span>&#x046B; &#x046A;</span> <span>&#x046D; &#x046C;</span> <span>&#x046F; &#x046E;</span> <span>&#x0471; &#x0470;</span> <span>&#x0473; &#x0472;</span> <span>&#x0475; &#x0474;</span> <span>&#x0477; &#x0476;</span> <span>&#x0479; &#x0478;</span> <span>&#x047B; &#x047A;</span> <span>&#x047D; &#x047C;</span> <span>&#x047F; &#x047E;</span> <span>&#x0481; &#x0480;</span> <span>&#x048B; &#x048A;</span> <span>&#x048D; &#x048C;</span> <span>&#x048F; &#x048E;</span> <span>&#x0491; &#x0490;</span> <span>&#x0493; &#x0492;</span> <span>&#x0495; &#x0494;</span> <span>&#x0497; &#x0496;</span> <span>&#x0499; &#x0498;</span> <span>&#x049B; &#x049A;</span> <span>&#x049D; &#x049C;</span> <span>&#x049F; &#x049E;</span> <span>&#x04A1; &#x04A0;</span> <span>&#x04A3; &#x04A2;</span> <span>&#x04A5; &#x04A4;</span> <span>&#x04A7; &#x04A6;</span> <span>&#x04A9; &#x04A8;</span> <span>&#x04AB; &#x04AA;</span> <span>&#x04AD; &#x04AC;</span> <span>&#x04AF; &#x04AE;</span> <span>&#x04B1; &#x04B0;</span> <span>&#x04B3; &#x04B2;</span> <span>&#x04B5; &#x04B4;</span> <span>&#x04B7; &#x04B6;</span> <span>&#x04B9; &#x04B8;</span> <span>&#x04BB; &#x04BA;</span> <span>&#x04BD; &#x04BC;</span> <span>&#x04BF; &#x04BE;</span> <span>&#x04C2; &#x04C1;</span> <span>&#x04C4; &#x04C3;</span> <span>&#x04C6; &#x04C5;</span> <span>&#x04C8; &#x04C7;</span> <span>&#x04CA; &#x04C9;</span> <span>&#x04CC; &#x04CB;</span> <span>&#x04CE; &#x04CD;</span> <span>&#x04CF; &#x04C0;</span> <span>&#x04D1; &#x04D0;</span> <span>&#x04D3; &#x04D2;</span> <span>&#x04D5; &#x04D4;</span> <span>&#x04D7; &#x04D6;</span> <span>&#x04D9; &#x04D8;</span> <span>&#x04DB; &#x04DA;</span> <span>&#x04DD; &#x04DC;</span> <span>&#x04DF; &#x04DE;</span> <span>&#x04E1; &#x04E0;</span> <span>&#x04E3; &#x04E2;</span> <span>&#x04E5; &#x04E4;</span> <span>&#x04E7; &#x04E6;</span> <span>&#x04E9; &#x04E8;</span> <span>&#x04EB; &#x04EA;</span> <span>&#x04ED; &#x04EC;</span> <span>&#x04EF; &#x04EE;</span> <span>&#x04F1; &#x04F0;</span> <span>&#x04F3; &#x04F2;</span> <span>&#x04F5; &#x04F4;</span> <span>&#x04F7; &#x04F6;</span> <span>&#x04F9; &#x04F8;</span> <span>&#x04FB; &#x04FA;</span> <span>&#x04FD; &#x04FC;</span> <span>&#x04FF; &#x04FE;</span></div>


<!--Notes:
A downloaded WOFF font is used to maximise the likelihood that the characters can be seen.

-->


</body>
</html>
